<template>
  <div>
    <el-container>
      <el-aside width="300px">
        <div class="block">
          <span class="demonstration"></span>
          <el-image :src=src  style="width: 300px; height: 400px"></el-image>
        </div>
      </el-aside>

      <el-main>
         <el-divider><i class="el-icon-s-custom"></i></el-divider>
    <h1>服务名称：</h1>
          <p style="center">{{ server.name }}</p>
         <el-divider><i class="el-icon-notebook-2"></i></el-divider>
    <h1>服务内容:</h1>  <p>{{ server.content }}</p>
         <el-divider><i class="el-icon-coin"></i></el-divider>
    <h1>服务价格:</h1>    <p>{{ server.price+"元" }}</p>
    
      </el-main>
    </el-container>
  </div>
</template>
<script>
export default {
  data() {
    return {
      src:this.server.image                    
    };
  },
  props: {
    server: {}, //用来接收父组件传过来的数据
    
  },
  methods: {

  },
};
</script>
<style scoped>
p{

}
</style>